<!DOCTYPE html>
<link rel=stylesheet href="resources/stylable-select-styles.css">

<style>
.blue {
  color: blue;
}
</style>

<div id=container class=stylable-select-container>
  <button popovertarget=popover id=button>button</button>
  <div id=popover popover=auto anchor=container class=stylable-select-datalist>
    <div tabindex=0 class="stylable-select-option selected">
      <span class=blue>option</span> one
    </div>
    <div tabindex=0 class=stylable-select-option>
      <span class=blue>option</span> two
    </div>
  </div>
</div>

<script>
document.getElementById('popover').showPopover();
document.querySelector('div.stylable-select-option').focus();
</script>
